section {
  width: 800px;
  height: 300px;
  background-color: skyblue;
  display: flex;
  flex-direction: row;
}
div:first-child {
  width: 50px;
  height: 50px;
  background-color: hotpink;
}
div:last-child {
  width: 50px;
  height: 50px;
  background-color: hotpink;
}
div:nth-child(2) {
  width: 50px;
  height: 50px;
  background-color: yellowgreen;
  flex: 1;
}
p {
  height: 300px;
  background-color: whitesmoke;
  display: flex;
  gap: 20px;
}
p > span {
  flex: 1;
}
p > span:first-child {
  background-color: blue;
}
p > span:nth-child(2) {
  background-color: hotpink;
  flex: 2;
}
p > span:last-child {
  background-color: purple;
}
